<template>
    <div class="bottom">
        <div class="own">
            <span>关于我们</span>
            <span class="line">|</span>
            <span>用户隐私权政策</span>
            <span class="line">|</span>
            <span>用户服务协议</span>
            <span class="line">|</span>
            <span>练习我们</span>
        </div>
        <div class="iconList">
            <svg class="icon" aria-hidden="true">
                <use class="item" xlink:href="#icon-wechat"></use>
            </svg>
            <svg class="icon" aria-hidden="true">
                <use class="item" xlink:href="#icon-dianhua-yuankuang"></use>
            </svg>
        </div>
        <div>Copyright © 2010-2022 南京爱一格网络科技有限公司 版权所有</div>
        <div class="jingying">
            经营性许可证编号： 苏B2-20180515
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <img src="../../assets/jinying.png" />苏网文〔2021〕4647-106号
        </div>
        <div class="jing">
            <img src="../../assets/gongan.png" /> 苏ICP备20036081号
        </div>
    </div>
</template>

<script setup lang="ts">
import {} from "vue";
</script>

<style lang="less" scoped>
.bottom {
    widows: 100%;
    height: 257px;
    background-color: #221f23;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

    align-items: center;
    div {
        color: #eaecf0;
        font-size: 14px;
    }
    .own {
        font-size: 14px;
        text-align: center;
        padding: 20px 0;
        span {
            color: #eaecf0;
        }
        .line {
            margin: 0 95px;
        }
    }
    .iconList {
        display: flex;
        .icon {
            width: 30px;
            height: 30px;
            margin: 0 50px;
            color: #eaecf0;
            .item {
                color: #eaecf0;
                background-color: #eaecf0;
            }
        }
    }
    .jingying {
        position: relative;
        img {
            position: absolute;
            width: 20px;
            height: 20px;
            margin-top: 20px;
            top: -20px;
            left: 245px;
        }
    }
    .jing {
        position: relative;
        img {
            position: absolute;
            top: 0px;
            left: -20px;
        }
    }
}
</style>
